body{
  background-color: #f9f9f9;
}
ul.head{
  border-bottom:1px solid #dbdbdb;
  width:100%;
  background-color: #ffffff;
  li{
    padding:10px 0;
    width:20%;
    text-align: center;
    font-size:12px;
    position:relative;
    u{
      display: none;
      width:100%;
      border-top: 1px solid #F29FB3;
      position: absolute;
      bottom:-1px;
      left:0;
    }
  }
  li.current{
    color:#F29FB3;
    u{
      display: inline-block;
    }
  }
}

.waiting-to-pay,.waiting-to-deliver,.waiting-to-sure,.waiting-to-evaluate,.waiting-to-back,.all-order{
  display: none;
  background-color: #ffffff;
  >div:not(.guodu){
    padding:0 10px;
    border-bottom:1px solid #dbdbdb;
  }
  .order-detail{
    background-color: #ffffff;
    padding:20px 0;
    border-bottom:1px solid #dbdbdb;
    width:100%;
    .lt img{
      width:50px;
      height:50px;
    }
    .lt:nth-child(2){
      margin-left:10px;
      width:80%;
      h3{
        font-size:14px;
        letter-spacing: 2px;
        width:100%;
        span{
          font-size:14px;
          color:#888888;
          letter-spacing: 0;
          font-weight:normal;
        }
      }
      p{
        width:100%;
        span{
          font-size:11px;
          color:#909090;
        }
        span.rt{margin-top:5px;}
      }
    }
  }
  div.bottom{
    padding:10px 0;
    .lt{
      font-size:11px;
    }
    .btn{
      display:inline-block;
      padding: 2px 15px;
      background-color: #F29FB3;
      color:#ffffff;
      font-size:12px;
      border-radius:5px;
    }
  }

}
.waiting-to-pay{display: block;}